<div class="content"><br/><br/><br/><br/>
	<table width="500" align="center">
    	<tr>
        	<td>
        <fieldset>
            <legend>สมัครสมาชิก</legend><br/><br/>
            <form method="post" action="registerprocess.php" onSubmit="return checkform();">
                <table align="center">
                	<tr>
                        <td>ชื่อผู้ใช้ : </td>
                        <td><input type="text" name="username" id="username"></td>
                        <td><a href="javascript:popup();" style="text-decoration:none;">ตรวจสอบชื่อผู้ใช้</a></td>
                    </tr>
                    <tr>
                        <td>รหัสผ่าน : </td>
                        <td><input type="password" name="pwd" id="pwd"></td>
                    </tr>
                    <tr>
                        <td>รหัสผ่านอีกครั้ง : </td>
                        <td><input type="password" name="repwd" id="repwd" onBlur="javascript:checkrepwd();"></td>
                    </tr>
                    <tr>
                        <td colspan="2">&nbsp;</td>
                    </tr>
                    <tr>
                        <td>ชื่อ : </td>
                        <td><input type="text" name="name" id="name"></td>
                    </tr>
                    <tr>
                        <td>นามสกุล : </td>
                        <td><input type="text" name="surname" id="surname"></td>
                    </tr>
                    <tr>
                        <td>คำถาม : </td>
                        <td>
                        	<select name="question" id="question">
                            	<option value="สถานที่เกิด">สถานที่เกิด</option>
                                <option value="สัตว์เลี้ยงที่ชอบ">สัตว์เลี้ยงที่ชอบ</option>
                                <option value="สีที่ชอบ">สีที่ชอบ</option>
                            </select>
                        </td>
                    </tr>
                    <tr>
                        <td>คำตอบ : </td>
                        <td><input type="text" name="answer" id="answer"></td>
                    </tr>
                    <tr>
                    	<td colspan="2">&nbsp;</td>
                    </tr>
                    <tr>
                    	<td colspan="3" align="center"><img src="verify-image.php" align="absmiddle"></td>
                    </tr>
                    <tr>
                    	<td colspan="2">&nbsp;</td>
                    </tr>
                    <tr>
                    	<td>รหัสรักษาความปลอดภัย : </td>
                        <td><input type="text" name="code" id="code"></td>
                    </tr>
                    <tr>
                    	<td colspan="2">&nbsp;</td>
                    </tr>
                    <tr>
                    	<td colspan="3" align="center">
                        	<input type="submit" value="สมัครสมาชิก" style="background:none;background-color:#D5AAFF;">&nbsp;
                            <input type="reset" value="ล้างข้อมูล" style="background:none;background-color:#D5AAFF;">
                        </td>
                    </tr>
                    <tr>
                    	<td colspan="2">&nbsp;</td>
                    </tr>
                </table>
            </form>
        </fieldset>
        	<td>
        </tr>
	</table>
    
    <script language="javascript">
		function popup() {
			var usr = document.getElementById("username").value;
			window.open( "usernamecheck.php?username="+usr, "myWindow","status = 1, height = 300, width = 300, resizable = 0" );
		}
		function checkform(){
			if(document.getElementById("username").value.length == 0){
				alert("กรุณากรอกชื่อผู้ใช้");
				document.getElementById("username").focus();
				return false;		
			}
			if(document.getElementById("pwd").value.length == 0){
				alert("กรุณากรอกรหัสผ่าน");
				document.getElementById("pwd").focus();
				return false;		
			}
			if(document.getElementById("repwd").value.length == 0){
				alert("กรุณากรอกรหัสผ่านอีกครั้ง");
				document.getElementById("repwd").focus();
				return false;		
			}
			if(document.getElementById("name").value.length == 0){
				alert("กรุณากรอกชื่อ");
				document.getElementById("name").focus();
				return false;		
			}
			if(document.getElementById("surname").value.length == 0){
				alert("กรุณากรอกนามสกุล");
				document.getElementById("surname").focus();
				return false;		
			}
			if(document.getElementById("answer").value.length == 0){
				alert("กรุณากรอกคำตอบ");
				document.getElementById("answer").focus();
				return false;		
			}
			if(document.getElementById("code").value.length == 0){
				alert("กรุณากรอกรหัสรักษาความปลอดภัย");
				document.getElementById("code").focus();
				return false;		
			}
			else{
				return true;	
			}
		}
		function checkrepwd(){
			if(document.getElementById("pwd").value != document.getElementById("repwd").value){
				alert("รหัสผ่านไม่ตรงกัน");
				document.getElementById("repwd").focus();
				return false;
			}
			else{
				return true;	
			}
		}
	</script>
    
</div>